<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        标签
            加粗 <b></b><strong></strong>
            倾斜 <i></i><em></em>

        css属性
             color 文字的颜色  属性值 red #0f0 rgb(0,0,0) 取值 0-255,用逗号隔开
                注意：要么是三位，要么是六位，因为两两相同可以简写

            font-size 文字的大小 默认的16px  网站的常用的字体大小 12px 14px
                em 单位(倍数)
                
            font-family:字体
                注意：如果是中文记得加双引号
                    多个字体用逗号隔开
                    英文如果有空格（词组）也要加双引号

            text-indent: 首行缩进 2em 属性值可以取负值
            font-weight 是否加粗  bold bolder 600-900 加粗 normal(正常的) 100-500不加粗 
                注意：数字不加单位

            font-style 是否倾斜  normal(正常的) 取消倾斜 italic oblique 倾斜   
     -->
     <style>
         .box{
            font-weight: bolder;
            font-style: italic;
         }
         h1{
             font-weight: 600;
             font-style:oblique;
         }
         .box1{
            font-style: normal;
         }
     </style>
</head>
<body>
  <p class="box">恭喜你月薪过万
    <span>看看加粗能不能继承</span>
  </p>
  <h1>老大</h1>
  <i class="box1">我是倾斜</i>
</body>
</html>